<!DOCTYPE html><html lang="en"><head>
    <title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
    <meta name="description" content="{dede:field name='description' function='html2text(@me)'/}">
    <meta name="keywords" content="WeTrade，WeTradefx，众汇，WeTrade平台，WeTrade官网">
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="{dede:global.cfg_oss_domain/}/finance/image/title.ico" rel="icon" type="image/x-icon">
    <!-- Css -->
    <link rel="stylesheet" href="{dede:global.cfg_oss_domain/}/website-new/style/css/pricing.css">
    <link rel="stylesheet" href="{dede:global.cfg_oss_domain/}/website-new/style/css/markets_pricing.css?1">
    <!-- Favicons -->
</head>

<body>
    <div class="main-wrapper oh">
        {dede:include filename="/head.htm"/}

        <!--  banner  -->
        <div class="newBanner">
            <div class="container">
                <div class="newBannerTopWorld"><span class="beautifulColor">取引の実行</span> は重要です</div>
                <div class="newBannerCenterWorld">
                    WeTradeを利用して取引を行うとき、信頼を私たちに置いています。
                </div>
                <div class="newBannerCenterWorld">
                    私たちは、投資家に対して迅速で透明性があり品質の高い実行を提供することにコミットしています。
                </div>
                <a class="button-extra registerButton" href="{dede:global.cfg_crmhost/}/register/">
                    <div class="registerButtonLeft">Register Now</div>
                    <i class="iconfont icon-arrow-right registerButtonRight"></i>
                </a>
            </div>
        </div>
        <div class="newBannerBottomWorld">
            <div class="container bannerBottomText">
                <div class="newBannerBottomWorldWord">最良の実行を行うための私たちの義務</div>
            </div>
        </div>


        <!-- introduction -->
        <section class="introduction">
            <div class="container">
                <div class="row" id="rowClass">
                </div>
            </div>
        </section>
        {dede:include filename="/section_trading.htm"/}
        <!-- Footer -->
        {dede:include filename="footer.htm"/}
    </div>
    <!-- end main-wrapper -->

    <script wetrade-res="">
        $(document).ready(function () {
            $('#questionPricing')
                .on('show.bs.collapse', function (a) {
                    $(a.target).parent().addClass('panel-active')
                })
                .on('hide.bs.collapse', function (a) {
                    $(a.target).parent().removeClass('panel-active')
                })
        })
        function init() {
            let list = [{
                stringTop: '成功裏に実行された取引',
                stringCenter: '私たちは最良の実行を確保するために、迅速で正確な価格を提供します。',
                strungBottom: '100%'
            }, {
                stringTop: '実行スピード',
                stringCenter: '取引の100%が1秒未満で実行されています',
                strungBottom: '100%'
            }, {
                stringTop: '平均実行時間',
                stringCenter: '平均実行時間は20ミリ秒未満です（0.002秒）',
                strungBottom: '20ms'
            }, {
                stringTop: 'ポジティブスリッページ',
                stringCenter: '私たちはクライアントに対して実際で公正な市場と正直なデータを提供します。取引の15%がポジティブスリッページで実行されています。',
                strungBottom: '15%'
            }, {
                stringTop: '要求された価格での取引',
                stringCenter: 'We provide clients with real and fair markets with honest data. 取引の62%が要求された価格で実行されています。',
                strungBottom: '62%'
            }, {
                stringTop: 'ネガティブ Slippage',
                stringCenter: 'We provide clients with real and fair markets with honest data. 取引の23%は非常に大きな動きの際にネガティブスリッページで実行されています。',
                strungBottom: '23%'
            }]
            let htmlString = ''
            let index = 0
            for (let item of list) {
                htmlString += `<div class="col-md-4">
                        <div class="card-new-box" id="card-new-box-${index}">
                            <div class="transformCard">
                                <div class="card-inner">
                                    <!-- 翻转前样式 -->
                                    <div class="card-new-front" >
                                        <div class="card-body-new-big" id="card-front-big-${index}">
                                            <div class="card-body-new-big-left">${item.stringTop}</div>
                                            <div class="card-body-new-big-right">${item.strungBottom}</div>
                                        </div>
                                        <div class="card-body-new-small" id="card-front-small-${index}">
                                            <div class="card-body-new-left">${item.stringTop}</div>
                                            <div class="card-body-new-right">${item.strungBottom}</div>
                                        </div>
                                    </div>
                                    <!-- 翻转后样式-->
                                    <div class="card-new-back" >
                                        <div class="card-body-new-big" id="card-back-big-${index}">${item.stringCenter}</div>
                                        <div class="card-body-new-small" id="card-back-small-${index}">
                                            ${item.stringCenter}
                                        </div>
                                    </div>  
                                </div>
                            </div>
                        </div>
                    </div>`
                index++;
            }
            $('#rowClass').html(htmlString)
            if (window.innerWidth > 992) {
                for (let i = 0; i < 6; i++) {
                    const card = $('#card-new-box-' + i);
                    const front = $('#card-front-big-' + i);
                    const back = $('#card-back-big-' + i);
                    function updateCardSize() {
                        const maxWidth = Math.max(front.outerWidth(), back.outerWidth()) + 'px';
                        const maxHeight = Math.max(front.outerHeight(), back.outerHeight()) + 'px';
                        card.css("width", maxWidth);
                        card.css("height", maxHeight);
                        front.css("width", maxWidth);
                        front.css("height", maxHeight);
                        back.css("width", maxWidth);
                        back.css("height", maxHeight);
                    }
                    updateCardSize()
                }
            } else {
                for (let i = 0; i < 6; i++) {
                    const card = $('#card-new-box-' + i);
                    const front = $('#card-front-small-' + i);
                    const back = $('#card-back-small-' + i);
                    function updateCardSize() {
                        const maxWidth = Math.max(front.outerWidth(), back.outerWidth()) + 'px';
                        const maxHeight = Math.max(front.outerHeight() + 30, back.outerHeight() + 30) + 'px';
                        card.css("width", '100%');
                        card.css("height", maxHeight);
                        front.css("width", '100%');
                        front.css("height", maxHeight);
                        back.css("width", '100%');
                        back.css("height", maxHeight);
                    }
                    updateCardSize()
                    const cardDocument = $('#card-new-box-' + i + ' .transformCard .card-inner');
                    cardDocument.on('click', () => {
                        clearAllTransform()
                        const transform = cardDocument.css("transform")
                        if (transform == 'none' || transform == 'matrix(1, 0, 0, 1, 0, 0)') {
                            cardDocument.css("transform", "rotateY(180deg)")
                        } else {
                            cardDocument.css("transform", "rotateY(0deg)")
                        }
                    })
                }

            }
        }
        function clearAllTransform() {
            for (let i = 0; i < 6; i++) {
                const cardDocument = $('#card-new-box-' + i + ' .transformCard .card-inner');
                const transform = cardDocument.css("transform")
                if (transform != 'none' && transform != 'matrix(1, 0, 0, 1, 0, 0)') {
                    cardDocument.css("transform", "rotateY(0deg)")
                }
            }
        }
        init()
        window.addEventListener('resize', init);

    </script>


</body></html>